<template>
	<div class="home">
		<Icon type="ios-add" size="200" color="red" @click="clickme"></Icon>
		<Button icon="ios-add" type="primary" ghost long disabled>这是一个按钮</Button>
		<Button icon="ios-add" type="primary" htmlType="submit">这是submit</Button>
		<Button icon="ios-add" type="primary" to="/login">这是a标签</Button>
		<Input type="textarea" autosize />
		<Input type="number" />
		<Input
			type="password"
			password
			placeholder="Enter something..."
			id="pwd"
			name="pwdname"
			v-model="password"
		/>

		<Checkbox-group v-model="disabledGroup">
			<Checkbox label="香蕉" border></Checkbox>
			<Checkbox label="苹果" border></Checkbox>
			<Checkbox label="西瓜" border></Checkbox>
		</Checkbox-group>
		<h2>{{disabledGroup}}</h2>
	</div>
</template>

<script lang="ts">
	import { Vue, Component } from "vue-property-decorator";

	@Component
	export default class Home extends Vue {
		red = "red";
		password = "";
		seleval = true;
		disabledGroup = ["西瓜"];
		clickme(e: Event) {
			console.info(this.$IVIEW);
			console.info(e);
		}
	}
</script>
